{include file="header" /}
<link rel="stylesheet" type="text/css" href="__CSS__pay/edit_info_new.css?v={:config('version')}" />
<style>
select option {
    direction: ltr !important;
}
input::placeholder {
  text-align: left !important;
}
input::-webkit-input-placeholder {
   /*WebKit browsers */
  text-align: left !important;
  direction: ltr !important;
}
input:-moz-placeholder {
   /*Mozilla Firefox 4 to 18 */
  text-align: left !important;
}
input:-ms-input-placeholder {
   /*Internet Explorer 10 */
  text-align: left !important;
}
select{
    direction: ltr !important;
}
.support-bank{
  color:#eee;
  cursor: pointer;
  font-weight:200;
  font-size:0.3rem;
  line-height:30px;
  margin-top:0.25rem;
  margin-right:0.2rem;
}
.bank-layer{font-size:0.36rem;}
.bank-layer h2{
  font-size:0.38rem;
  line-height:1.2rem;
}
.bank-layer ul{
  height:4rem;
}
.bank-layer ul li{line-height:1.1rem;}
</style>

<body style="background: #f5f5f5">
    <div id="addmsg">
        <div class="banner1">
            <div class="ban">
                <img class="name" src="__IMAGES__idcard.png" alt="">
                <span class="shim">绑定银行卡</span>
                <b class="support-bank fr" onclick="showBankMask();">支持银行？</b>
            </div>
            <div id="bankInfo">
              <div class="ban1 line">
                  <span class="ban-l fl">银行卡号</span><input class="username fl" name="card_no" id="idcard" type="tel" placeholder="请输入您的银行卡号" maxlength=19  required style="width:50%;margin-left: 0.1rem;padding-top: 0.19rem;">
              </div>
              <div class="ban1 line">
                  <span class="ban-l fl">预留手机号</span><input class="username fl" name="phone" id="banktel" type="tel" placeholder="请输入预留手机号" maxlength=11  required style="width:50%;margin-left: 0.1rem;padding-top: 0.19rem;">
              </div>
              <div class="ban1 line" id="core">
                  <span class="ban-l fl">验证码</span><input class="username fl" name="phone_code" id="phone_code" type="tel" placeholder="请输入验证码" maxlength=6  required style='width: 30%;margin-left: 0.1rem;padding-top: 0.19rem;'>
                 <button class="btn-yzm btn-small get-code" href="javascript:void(0);" id="J_getCode">发送验证码</button>
              </div>
              <!--<div class="ban1 line">-->
                  <!--<span class="ban-l fl" style="width: 15%;">开户行</span>-->
                <!--<div class="fr" style="width: 66.5%; margin-right: 0.01rem;">-->
                  <!--<select name="province" id="province" class="city selectcolor" placeholder="请选择开户省" onchange="getBankCity('city',$(this).find('option:selected').attr('val'),'2')">-->
                      <!--<option value="" val="">选择省</option>-->
                  <!--</select>-->
                  <!--<select name="city" id="city" class="city selectcolor" placeholder="请选择开户市" onchange="getBankCity('area',$(this).find('option:selected').attr('val'),'3')">-->
                      <!--<option value="" val="">选择市</option>-->
                  <!--</select>-->
                   <!--<select name="area" id="area" class="city selectcolor" placeholder="请选择开户区">-->
                      <!--<option value="" val="">选择区</option>-->
                  <!--</select>-->
                <!--</div>-->
              <!--</div>-->
              <div class="checkbox mt10">
                  <div class="checkbox_label fl">
                      <input type="checkbox" class="inp_check " id="checkbox" name="checkbox" style="width: 0.5rem;" checked />
                      <label class="label" for="checkbox"></label>
                  </div>
                  <div class="check_agree fl">
                      我已阅读并接受
                      <!--<a class="agree" href="/agreement/periodization">《账单服务协议》</a>及授权条款-->
                      <a class="agree" href="/agreement/buckleprotocol">《协议付协议》</a>
                  </div>
              </div>
              <a class="bangd" href="javascript:void(0);" id="bindBank">去绑定</a>
            </div>
        </div>
    </div>
    <!-- 查看协议付支持银行 -->
    <div class="bank-mask" onclick="hideBankMask()"></div>
    <div class="bank-layer">
        <h2>支持的银行卡类型</h2>
        <ul>
            <li>工商银行</li>
            <li>建设银行</li>
            <li>中国银行</li>
            <li>农业银行</li>
            <li>招商银行</li>
            <li>兴业银行</li>
            <li>光大银行</li>
            <li>浦发银行</li>
            <li>平安银行</li>
            <li>广发银行</li>
            <li>中国邮政储蓄</li>
            <li>中信银行</li>
            <li>上海银行</li>
            <li>民生银行</li>
            <li>华夏银行</li>
            <li>北京银行</li>
            <li>浙商银行</li>
            <li>恒丰银行</li>
            <li>渤海银行</li>
        </ul>
    </div>
</body>
<script type="text/javascript" src="__JS__user/addbank.js?v={:config('version')}"></script>
{include file="footer" /}
